@charset "utf-8";
* {
    box-sizing: border-box;
}
html{background:#fff;overflow:auto;}
body{font:14px/20px "pingfang SC","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",helvetica,arial,verdana,tahoma,sans-serif;background: #F2F2F2;color:#666; -webkit-font-smoothing: antialiased;min-height:100%}
a{color:#666; text-decoration:none; cursor:pointer; outline: 0 none;}
a:hover{ text-decoration:none;color: #2fb3ff !important;}
a:focus{-moz-outline-style:none; border:0px;blr:expression(this.onFocus=this.blur());}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0;outline:none}
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}
ol,li,ul,dl,dt,dd{list-style:none;}
fieldset,img {border:0}
button,submit,input,select { vertical-align:middle;}
button,submit { cursor:pointer;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:lighter;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; padding: 0; margin: 0;}
b,em,i{display:inline-block; font-weight:normal; font-style:normal;}
.clearfix::after,.clearfix::before{content:'';display:table;clear:both}
.clearfix{zoom:1}
.container { width:1200px; position:relative; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:   #999;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color:    #666;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color:    #666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:    #666;
}

 input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

input {
    outline:none;
}

input:focus {
    color:#666;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(250, 255, 189);
background-image: none;
color: rgb(0, 0, 0);
}

.border1:after{ 
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

/* 遮罩层 */


/* 自定义class */

/*div */
.pBox {
    padding:0 .24rem;
}

.pCon {
    padding:.24rem;
}

.pTop {
    padding-top:0.35rem;
}

/* text */

.tc {
    width:100%;
    text-align:center ;
}

.tl {
    width:100%;
    text-align:left ;
}

.tr {
    width:100%;
    text-align:right ;
}

.tp {
    text-indent:10px;
}

img {
    margin:0 auto;
    display:block;
}

/* state */

.wrap {
    position: relative;
    margin:0 auto;
    width:1200px;
}

.succ {
    color:#009966 !important;
}

.money {
    color:#E38800;
}

.less {
    color:#00bcd4!important;
}

.flex{
    display:flex;
    justify-content: center;
    align-items: center;
}

.flex-st {
    display:flex;
    justify-content: flex-start;
    align-items: center;
}

.flex-sb {
    display:flex;
    justify-content: space-between;
    align-items: center;
}



.icon {
    width: 1.5em; 
    height: 1.5em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.yd-confirm-bd {
    color:#333 !important;
}

/* elment-ui自定义 */

.el-carousel__item img {
    width:100%;
}

.shadow-box {
    overflow: hidden;
    margin-top:20px;
    padding:15px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.shadow-title {
    padding:10px;
    justify-content: space-between;
}

.shadow-title h3 {
    display: inline-block;
    font-weight:400;
    color:#333;
    font-size: 18px;
}

.shadow-title h3 i {
    margin-right:10px;
    color:#2692ff;
    font-size:24px;
}

/* 单行省略号 */
.sign-colon {
    overflow: hidden;
    display:block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.more-colon {
text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 打包css丢失修正注意！ */
  /*! autoprefixer: off */
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}


/* 侧边栏 */
.rec-side {
  margin-left: 20px;
  flex: 1;
}